<template>
    <div class="lubr">
        <div class="class">
            <div class="brand">
                <ul>
                   <li>
                        <img src="//x.autoimg.cn/m/news/brand/75.jpg" alt=""><br>
                        比亚迪
                   </li>
                   <li>
                        <img src="//x.autoimg.cn/m/news/brand/208.jpg" alt=""><br>
                        北汽新能源
                   </li>
                   <li>
                        <img src="//x.autoimg.cn/m/news/brand/84.jpg" alt=""><br>
                        江淮
                   </li>
                   <li>
                        <img src="//x.autoimg.cn/m/news/brand/161.jpg" alt=""><br>
                        腾势
                   </li>
                   <li>
                        <img src="//x.autoimg.cn/m/news/brand/133.jpg" alt=""><br>
                        特斯拉
                   </li>
                </ul>
            </div>
            <div class="brand">
                <ul>
                    <li>
                        <img src="//x.autoimg.cn/m/news/brand/25.jpg" alt=""><br>
                        吉利汽车
                    </li>
                    <li>
                        <img src="//x.autoimg.cn/m/news/brand/76.jpg" alt=""><br>
                        长安
                    </li>
                    <li>
                        <img src="//x.autoimg.cn/m/news/brand/19.jpg" alt=""><br>
                        荣威
                    </li>
                    <li>
                        <img src="//x.autoimg.cn/m/news/brand/15.jpg" alt=""><br>
                        宝马
                    </li>
                    <li>
                        <img src="//x.autoimg.cn/m/news/brand/94.jpg" alt=""><br>
                        众泰
                    </li>
                </ul>
            </div>
            <div class="look">
                查看更多
                <span class="iconfont icon-arrow-right"></span>
            </div>
        </div>
        <div class="level">
            <div class="word">
                <span class="iconfont icon-xinchebaojia"></span>
                全部车源
            </div>
            <div class="car_row">
                <div class="car_left">
                    <img src="//2sc2.autoimg.cn/escimg/g30/M07/EE/52/320x240_0_q87_c42_autohomecar__ChsFJ2NKMmiARDByAAI3m88r0C0757.jpg" alt="">
                    <div class="car_tag">
                        <span>新上架</span>
                    </div>
                </div>
                <div class="car_right">
                    <h4>保时捷718 2018款 Boxster 2.0T</h4>
                    <div class="car_info">
                        <span>成都</span>
                        <em>/</em>
                        <span>2018年</span>
                        <em>/</em>
                        <span>2.7万公里</span>
                        <em>/</em>
                        <span>5年黄金会员</span>
                    </div>
                    <h3>49.8万</h3>
                    <div class="car_score">
                        <span class="iconfont icon-xingxing">商家评分 5.3</span>
                    </div>
                </div>
            </div>
            <div class="car_row">
                <div class="car_left">
                    <img src="//2sc2.autoimg.cn/escimg/g25/M0B/D1/32/320x240_0_q87_c42_autohomecar__ChtliGOpFLCAahpHAAG_8M8DO1U242.jpg" alt="">
                    <div class="car_tag">
                        <span>新上架</span>
                    </div>
                </div>
                <div class="car_right">
                    <h4>奥迪A8 2021款 A8L 55 TFSI quattro 豪华型</h4>
                    <div class="car_info">
                        <span>郑州</span>
                        <em>/</em>
                        <span>2022年</span>
                        <em>/</em>
                        <span>1.7万公里</span>
                        <em>/</em>
                        <span>6年钻石会员</span>
                    </div>
                    <h3>76.99万</h3>
                    <div class="car_score">
                        <span class="iconfont icon-xingxing">商家评分 5.3</span>
                    </div>
                </div>
            </div>
            <div class="car_row">
                <div class="car_left">
                    <img src="//2sc2.autoimg.cn/escimg/g28/M02/F4/09/320x240_0_q87_c42_autohomecar__ChsFWWNTv9iAYxuYAAKpF9BKmCo750.jpg" alt="">
                    <div class="car_tag">
                        <span>新上架</span>
                    </div>
                </div>
                <div class="car_right">
                    <h4>曜影 2018款 6.6T 标准型</h4>
                    <div class="car_info">
                        <span>成都</span>
                        <em>/</em>
                        <span>2018年</span>
                        <em>/</em>
                        <span>2.7万公里</span>
                        <em>/</em>
                        <span>5年黄金会员</span>
                    </div>
                    <h3>25.60万</h3>
                    <div class="car_score">
                        <span class="iconfont icon-xingxing">商家评分 5.3</span>
                    </div>
                </div>
            </div>
            <div class="car_row">
                <div class="car_left">
                    <img src="//2sc2.autoimg.cn/escimg/g26/M0B/0B/DC/320x240_0_q87_c42_autohomecar__ChxkjmK-pReAAJKAAAfro1khKV8205.jpg" alt="">
                    <div class="car_tag">
                        <span>新上架</span>
                    </div>
                </div>
                <div class="car_right">
                    <h4>宝马4系 2017款 425i Gran Coupe 领先型</h4>
                    <div class="car_info">
                        <span>成都</span>
                        <em>/</em>
                        <span>2018年</span>
                        <em>/</em>
                        <span>2.7万公里</span>
                        <em>/</em>
                        <span>5年黄金会员</span>
                    </div>
                    <h3>49.8万</h3>
                    <div class="car_score">
                        <span class="iconfont icon-xingxing">商家评分 5.3</span>
                    </div>
                </div>
            </div>
            <div class="car_row">
                <div class="car_left">
                    <img src="//2sc2.autoimg.cn/escimg/g25/M0B/8C/0F/320x240_0_q87_c42_autohomecar__ChtliGOmYRCAZwC0AAhqlAg7eRQ275.jpg" alt="">
                    <div class="car_tag">
                        <span>新上架</span>
                    </div>
                </div>
                <div class="car_right">
                    <h4>奥迪SQ5 2014款 SQ5 3.0 TFSI quattro</h4>
                    <div class="car_info">
                        <span>成都</span>
                        <em>/</em>
                        <span>2018年</span>
                        <em>/</em>
                        <span>2.7万公里</span>
                        <em>/</em>
                        <span>5年黄金会员</span>
                    </div>
                    <h3>28.80万</h3>
                    <div class="car_score">
                        <span class="iconfont icon-xingxing">商家评分 5.3</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style lang="scss" scoped>
    .lubr{
        width: 100%;
        .class{
            width: 360px;
            height: 230px;
            background-color: #fff;
            margin-left: 27px;
            margin-top: 20px;
            border-radius: 10px;
            .brand{
                ul{
                    display: flex;
                    li{
                        padding-left: 10px;
                        padding-top: 10px;
                        img{
                            width: 50px;
                            height: 60px;
                        }
                    }
                }
            }
            .look{
                margin-top: 15px;
                margin-left: 120px;
                color: #969DAD;
            }
        }
        .level{
            height: 600px;
            background-color: #fff;
            margin-top: 30px;
            border-radius: 10px;
            .word{
                margin-left: 20px;
                font-size: 20px;
                font-weight: 700;
            }
            .car_row{
                width: 380px;
                height: 160px;
                background-color: #F7F7F7;
                margin-left: 20px;
                margin-top: 15px;
                border-radius: 10px;
                display: flex;
                .car_left{
                    img{
                        width: 140px;
                        height: 110px;
                        padding-left: 20px;
                        padding-top: 20px;
                    }
                    .car_tag{
                        width: 55px;
                        height: 25px;
                        background-color: orangered;
                        position: relative;
                        bottom: 115px;
                        left: 20px;
                        span{
                            color: #fff;
                            padding-top: 5px;
                            padding-left: 4px;
                        }
                    }
                }
                .car_right{
                    padding-top: 10px;
                    padding-left: 8px;
                    .car_info{
                        display: flex;
                        width: 200px;
                        font-size: 12px;
                        padding-top: 8px;
                    }
                    h3{
                        color: orangered;
                        padding-top: 8px;
                    }
                    .car_score{
                        width: 110px;
                        height: 30px;
                        background-color: #fff;
                        margin-top: 10px;
                        border-radius: 10px;
                        span{
                            padding-top: 20px;
                            color: rgb(57, 57, 50);
                        }
                    }
                }
            }
        }
    }
</style>